<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>我的<th:block th:text="${userIntegralRuleName['name']}"></th:block></title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
    <div data-th-replace="layout/user/user-head"></div>
    <div class="u-bg">
        <div class="container pr u-container" id="uCenterMain">
            <section class="uCenter-box pa" id="uCenter-box">
                <div class="row uH">
                    <div class="col-sm-12 uH">
                        <div class="u-i-left__wrap u-i-left_box uH">
                            <!--左侧公共菜单 开始-->
                            <div data-th-replace="layout/user/user-left-menu"></div>
                            <!--左侧公共菜单 结束-->
                            <article class="u-c-c-cont__wrap u-c-c-main uH">
                                <div class="u-c-box uH" style="min-height: 100%;">
                                    <div class="mr20 pr10 pt10 uH">
                                        <section class="c-head-title clearfix">
                                            <aside class="pull-right mt10">
                                                <a href="javascript:;" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                    <i class="fa fa-calendar-check-o mr5"></i>签到
                                                </a>
                                            </aside>
                                            <h6>
                                                <span class="fs14 c-333 vam hLh30"  th:text="'我的'+${userIntegralRuleName['name']}">我的积分</span>
                                            </h6>
                                        </section>
                                        <section class="c-info-tab c-data-tab pt10 mt10">
                                            <h4 data-id="accountBalance" class=""><span class="fs16">账户信息</span></h4>
                                            <h4 data-id="myCash" class=""><span class="fs16">我的提现</span></h4>
                                            <h4 data-id="myMembers" class=""><span class="fs16">会员信息</span></h4>
                                            <h4 data-id="myInteger" class="active"><span class="fs16" th:text="'我的'+${userIntegralRuleName['name']}"></span></h4>
                                            <h4 id="myCoupon" data-id="myCoupon" class=""><span class="fs16">优惠券</span></h4>
                                            <h4 data-id="myGiftCard" class=""><span class="fs16">礼卡</span></h4>
                                        </section>

                                        <!--账户余额-->
                                        <div class="mt20 right-box">
                                            <div class="right-s-box u-my-course_box pb10">
                                                <section class="">
                                                    <div class="orderTitle hLh30">
                                                        <i class="fa fa-circle-o"></i>
                                                        <span class="fs16 c-333 ml5"><th:block th:text="${userIntegralRuleName['name']}"></th:block>信息</span>
                                                        <!--
                                                        <span class="c-ccc fs12">（仅能用于本站的消费即购买课程和试卷，不可提现，不可转赠。）</span>
                                                        -->
                                                    </div>

                                                    <div class="row">
                                                        <section class="col-sm-3">
                                                            <div class="ml20">
                                                                <article class="mt20">
                                                                    <strong class="c-danger fs30" th:text="${userIntegral['currentScore']}"></strong>
                                                                    <span class="c-333 fs14">个</span>
                                                                </article>
                                                                <article class="hLh20">
                                                                    <span class="fs12 c-666">可用<th:block th:text="${userIntegralRuleName['name']}"></th:block></span>
                                                                </article>
                                                            </div>
                                                        </section>
                                                        <section class="col-sm-3">
                                                            <div class="ml20">
                                                                <article class="mt20">
                                                                    <strong class="c-999 fs30" th:text="${userIntegral['protectScore']}">123</strong>
                                                                    <span class="c-333 fs14">个</span>
                                                                </article>
                                                                <article class="hLh20">
                                                                    <span class="fs12 c-666 vam">保护期<th:block th:text="${userIntegralRuleName['name']}"></th:block></span>
                                                                    <span class="vam fs12 c-999" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="积分若在保护期内，学员将暂时无法使用" data-original-title="" title="">
                                                                        <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                                                    </span>
                                                                </article>
                                                            </div>
                                                        </section>
                                                        <section class="col-sm-2">
                                                            <div class="ml20 pt10">
                                                                <article class="mt20 hLh30">
                                                                    <strong class="c-333 fs20 pt10" th:text="${yesterday}"></strong>
                                                                </article>
                                                                <article class="hLh20">
                                                                    <span class="fs12 c-666">昨日新增</span>
                                                                    <i class="fa fa-arrow-up c-danger fs12"></i>
                                                                </article>
                                                            </div>
                                                        </section>
                                                        <section class="col-sm-2">
                                                            <div class="ml20 pt10">
                                                                <article class="mt20 hLh30">
                                                                    <strong class="c-333 fs20 pt10" th:text="${consumption}"></strong>
                                                                </article>
                                                                <article class="hLh20">
                                                                    <span class="fs12 c-666">累计消耗</span>
                                                                    <i class="fa fa-arrow-down c-success fs12"></i>
                                                                </article>
                                                            </div>
                                                        </section>

                                                        <section class="col-sm-2">
                                                            <div class="mr5 mt20 pt10">
                                                                <div class="btn-group">
                                                                    <button data-toggle="dropdown" type="button" class="dropdown-toggle btn btn-outline btn-danger btn-rounded">扫码兑换 <span class="caret"></span></button>
                                                                    <div class="dropdown-menu dropdown-menu-right" id="qrCodeUrl" th:attrappend="data-url=${qrCodeUrl}">
                                                                        <img  id="qrCodeImg" width="100%" height="100%" alt="扫码兑换">
                                                                    </div>
                                                                </div>
                                                                <div class="mt5 ml10">
                                                                    <span class="vam fs12 c-999" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="1、积分兑换请扫码H5进入兑换；<br/>2、兑换分按比例兑换人民币或平台商品；<br/>3、如有疑惑，请联系在线客服" data-original-title="" title="">
                                                                        <i class="fa fa-exclamation-circle" aria-hidden="true"></i> 须知
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </section>
                                                    </div>
                                                </section>

                                                <section class="mt20 pt10" >
                                                    <div class="orderTitle hLh30">
                                                        <i class="fa fa-circle-o fa_shop"></i>
                                                        <span class="fs16 c-333 ml5"><th:block th:text="${userIntegralRuleName['name']}"></th:block>变动记录</span>
                                                    </div>

                                                    <article class="mt20" id="integral_list_context">

                                                    </article>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div class="hide" id="qrCodeContent"></div>

    <div data-th-replace="layout/user/user-common"></div>
    <!--公共引入签到js-->
    <script type="text/javascript" th:src="@{{path}/common/qrcode/qrcode.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/qrcode/jquery.qrcode.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/common/new-utils.js?v={v}(path=${staticPath},v=${v})}"> </script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/center/myAccount/user_myIntegral.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
